<template>
  <div>
    <router-view></router-view>
  </div>
</template>

<script setup>
import layout from '@/layout/index.vue';
import { provide, ref } from 'vue'
import  {useWebStore} from './store/index.js'

const webStore = useWebStore()
console.log("webStore.web:",webStore.web)
console.log("webStore.users:",webStore.users)
console.log("webStore.routes:",webStore.routes)

    //provide用于父组件将 数据 提供给所有子组件
    /*
      若使用了provide和inject来进行数据传递,
      则一般不需要再使用defineProps
    */
    //传递响应式数据
    const user = ref(0)
    //添加用户
    const userAdd = () => {
      user.value++
    }
    //用于父组件将 函数 提供给所有子组件
    provide("provideWeb",{name:"邓瑞",url:"www.dengruicode.com"})
    provide("provideUser",user)
    provide("provideFuncUserAdd",userAdd)
</script>

<script>
export default {
  setup() {
    return {};
  },
  components: {
    layout
  }
};
</script>